<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逐星科技社 - 特别感谢</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#69b1ff',
                        dark: '#0f172a',
                        light: '#f8fafc'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .bg-glass {
                background: rgba(15, 23, 42, 0.7);
                backdrop-filter: blur(10px);
            }
            .thank-card {
                transition: all 0.3s ease;
            }
            .thank-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 25px -5px rgba(22, 93, 255, 0.1), 0 10px 10px -5px rgba(22, 93, 255, 0.04);
            }
            .avatar {
                width: 140px;
                height: 140px;
                background-color: rgba(22, 93, 255, 0.1);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 4rem;
                color: #165DFF;
                border-radius: 50%;
                overflow: hidden;
            }
            .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .member-hidden {
                display: none;
            }
            .member-visible {
                display: block;
            }
        }
    </style>
</head>
<body class="bg-dark text-light min-h-screen">
    <!-- 导航栏 -->
    <header class="fixed top-0 left-0 right-0 z-50 bg-glass border-b border-gray-800 transition-all duration-300" id="navbar">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <div class="flex items-center">
                <img src="images/第一版团标.png" alt="逐星科技社团标" class="w-20 h-15 mr-3">
                <h1 class="text-xl font-bold">逐星科技社</h1>
            </div>

            <!-- 桌面导航 -->
            <nav class="hidden md:flex space-x-8">
                <a href="index.html" class="hover:text-primary transition-colors py-1">首页</a>
                <a href="about.html" class="hover:text-primary transition-colors py-1">关于我们</a>
                <a href="activities.html" class="hover:text-primary transition-colors py-1">社团活动</a>
                <a href="culture.html" class="hover:text-primary transition-colors py-1">社团文化</a>
                <a href="council.html" class="hover:text-primary transition-colors py-1">理事会</a>
                <a href="regulations.html" class="hover:text-primary transition-colors py-1">规章制度</a>
                <a href="join.html" class="hover:text-primary transition-colors py-1">加入我们</a>
                <a href="thanks.html" class="text-primary border-b-2 border-primary py-1">特别感谢</a>
            </nav>

            <!-- 移动端菜单按钮 -->
            <button class="md:hidden text-2xl" id="menuBtn">
                <i class="fa fa-bars"></i>
            </button>
        </div>

        <!-- 移动端导航菜单 -->
        <div class="md:hidden hidden bg-dark border-t border-gray-800" id="mobileMenu">
            <div class="container mx-auto px-4 py-3 flex flex-col space-y-4">
                <a href="index.html" class="hover:text-primary transition-colors py-2">首页</a>
                <a href="about.html" class="hover:text-primary transition-colors py-2">关于我们</a>
                <a href="activities.html" class="hover:text-primary transition-colors py-2">社团活动</a>
                <a href="culture.html" class="hover:text-primary transition-colors py-2">社团文化</a>
                <a href="council.html" class="hover:text-primary transition-colors py-2">理事会</a>
                <a href="regulations.html" class="hover:text-primary transition-colors py-2">规章制度</a>
                <a href="join.html" class="hover:text-primary transition-colors py-2">加入我们</a>
                <a href="thanks.html" class="text-primary py-2">特别感谢</a>
            </div>
        </div>
    </header>

    <!-- 页面标题 -->
    <section class="pt-32 pb-16 px-4 border-b border-gray-800">
        <div class="container mx-auto max-w-6xl">
            <h1 class="text-[clamp(2rem,5vw,3rem)] font-bold mb-4">特别感谢</h1>
            <p class="text-gray-400 max-w-3xl">
                感谢所有为逐星科技社发展做出贡献的老师和同学们，因为有你们，社团才能不断成长
            </p>
        </div>
    </section>

    <!-- 特别鸣谢 -->
    <section class="py-16 px-4">
        <div class="container mx-auto max-w-6xl">
            <h2 class="text-2xl md:text-3xl font-bold mb-12 text-center">特别鸣谢</h2>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
                <!-- 陈忠云老师 -->
                <div class="bg-gray-800/20 rounded-xl p-8 border border-gray-700 text-center thank-card">
                    <div class="avatar mx-auto mb-6">
                        <i class="fa fa-graduation-cap"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">陈忠云老师</h3>
                    <p class="text-primary mb-4">社团指导老师</p>
                    <p class="text-gray-300">
                        作为社团的指导老师，陈老师一直以来给予我们专业的指导和无私的帮助，
                        为社团的发展指明方向，解决了许多实际困难，是我们前进道路上的引路人。
                    </p>
                </div>

                <!-- 陈宏亮 -->
                <div class="bg-gray-800/20 rounded-xl p-8 border border-gray-700 text-center thank-card">
                    <div class="avatar mx-auto mb-6">
                        <i class="fa fa-code"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">陈宏亮</h3>
                    <p class="text-primary mb-4">社团官网搭建者</p>
                    <p class="text-gray-300">
                        凭借出色的技术能力，独立完成了社团官网的设计与开发工作，
                        为社团提供了重要的线上展示平台，展现了卓越的技术水平和奉献精神。
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- 特别感谢 -->
    <section class="py-16 px-4 bg-gray-900/50">
        <div class="container mx-auto max-w-6xl">
            <div class="flex flex-col md:flex-row md:items-center justify-between mb-12">
                <h2 class="text-2xl md:text-3xl font-bold">特别感谢</h2>
                <button id="showAllBtn" class="mt-4 md:mt-0 px-5 py-2 bg-primary hover:bg-primary/80 rounded-lg transition-all">
                    展示全部 <i class="fa fa-chevron-down ml-1"></i>
                </button>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
                <!-- 默认显示的成员 -->
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2303班 阳欣怡</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2304班 曹希城</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2305班 陈宏亮</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 戴佳音</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 胡贝</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 黄鑫</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 李银</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 李宇</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 林诚伟</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 罗杰豪</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 吴俊杰</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 肖俊杰</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 肖祥家</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 徐博</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 易嘉宝</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2306班 易可莹</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2307班 仇政炜</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2307班 范梦晨</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2307班 李亦兰</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card">
                    <p class="font-medium">2307班 刘洋</p>
                </div>

                <!-- 隐藏的成员 -->
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2307班 吕芳超</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2307班 吕锦杨</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2307班 舒文泉</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2307班 郑秋榕</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2311班 何盛薪</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2312班 李宏伟</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2312班 易友轩</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2314班 李浩宇</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2315班 张颖</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2317班 雷滔</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2317班 舒锴</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2317班 张庆深</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2318班 易奥婷</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2320班 莫宁欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2320班 王璟雯</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2321班 邓鑫</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2321班 刘欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2322班 陈诗怡</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2322班 刘熠琪</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2322班 王瑞</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2322班 于兆兴</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2402班 鄢亚欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2403班 李桂香</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2403班 刘丽真</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2405班 胡玉婷</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2405班 黄子瑶</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2405班 文家欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2406班 李欣洁</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2406班 郑翔航</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2406班 李兴宇</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2406班 刘锦源</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2407班 李嘉良</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2407班 王浚昊</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2408班 蓝剑锋</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2408班 李亚莲</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2408班 漆明</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2408班 吴佳妮</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2408班 周瑞</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2409班 彭炫</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2410班 罗梦成</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2411班 刘永顺</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2412班 蒋艳波</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2412班 肖瀚钊</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2412班 肖玉发</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2413班 江宇洋</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2413班 蒋安心</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2413班 梁米乐</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2413班 王周齐</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2413班 张衍霖</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2414班 蒋思颖</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2415班 张庆果</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2415班 贾冉</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2415班 颜宇辉</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2416班 肖炜</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2416班 易佳欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 陈利民</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 何雨欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 蒋佳玲</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 王祥</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 徐善鑫</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2417班 杨艳艳</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2418班 李林欣</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2418班 聂瑾萱</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2419班 李汶霞</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2420班 毛建钧</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2420班 吴欣悦</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2422班 蒋馨</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2422班 舒博雅</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2424班 倪新栋</p>
                </div>
                <div class="bg-gray-800/30 rounded-lg p-4 thank-card member-hidden">
                    <p class="font-medium">2424班 谭志鹏</p>
                </div>
            </div>

            <!-- 说明文字 -->
            <div class="mt-12 text-center text-gray-400 text-sm">
                <p>人员排序按照班级排序，此名单仅展示2024年10月至2025年6月为社团做出贡献且未中途退社的人员，若有遗漏请及时联系管理员</p>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-gray-900 border-t border-gray-800 py-12 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="flex flex-col md:flex-row justify-between mb-10">
                <div class="mb-8 md:mb-0">
                    <div class="flex items-center mb-4">
                        <img src="images/第一版团标.png" alt="逐星科技社团标" class="w-20 h-15 mr-3">
                        <h3 class="text-xl font-bold">逐星科技社</h3>
                    </div>
                    <p class="text-gray-400 max-w-md">
                        探索未知、勇敢创新，逐星科技社致力于为每一位对科学与技术怀有热情的学生提供广阔的学习平台。
                    </p>
                </div>

                <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
                    <div>
                        <h4 class="text-lg font-semibold mb-4">快速链接</h4>
                        <ul class="space-y-2">
                            <li><a href="index.html" class="text-gray-400 hover:text-primary transition-colors">首页</a></li>
                            <li><a href="about.html" class="text-gray-400 hover:text-primary transition-colors">关于我们</a></li>
                            <li><a href="activities.html" class="text-gray-400 hover:text-primary transition-colors">社团活动</a></li>
                            <li><a href="join.html" class="text-gray-400 hover:text-primary transition-colors">加入我们</a></li>
                        </ul>
                    </div>

                    <div>
                        <h4 class="text-lg font-semibold mb-4">资源中心</h4>
                        <ul class="space-y-2">
                            <li><a href="regulations.html" class="text-gray-400 hover:text-primary transition-colors">规章制度</a></li>
                            <li><a href="culture.html" class="text-gray-400 hover:text-primary transition-colors">社团文化</a></li>
                            <li><a href="council.html" class="text-gray-400 hover:text-primary transition-colors">理事会成员</a></li>
                        </ul>
                    </div>

                    <div>
                        <h4 class="text-lg font-semibold mb-4">联系我们</h4>
                        <ul class="space-y-2">
                            <li class="flex items-center">
                                <i class="fa fa-envelope text-primary mr-2"></i>
                                <a href="mailto:zhuxing@example.com" class="text-gray-400 hover:text-primary transition-colors">boluochuixue@outlook.com</a>
                            </li>
                            <li class="flex items-center">
                                <i class="fa fa-qq text-primary mr-2"></i>
                                <span class="text-gray-400">1465153649</span>
                            </li>
                            <li class="flex items-center">

                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="border-t border-gray-800 pt-8 text-center text-gray-500 text-sm">
                <p>© 2024 逐星科技社 版权所有 | 新宁一中逐星科技合作社</p>
            </div>
        </div>
    </footer>

    <script>
        // 移动端菜单切换
        document.getElementById('menuBtn').addEventListener('click', function() {
            const mobileMenu = document.getElementById('mobileMenu');
            mobileMenu.classList.toggle('hidden');
        });

        // 导航栏滚动效果
        window.addEventListener('scroll', function() {
            const navbar = document.getElementById('navbar');
            if (window.scrollY > 50) {
                navbar.classList.add('py-2');
                navbar.classList.remove('py-3');
                navbar.classList.add('shadow-lg');
            } else {
                navbar.classList.add('py-3');
                navbar.classList.remove('py-2');
                navbar.classList.remove('shadow-lg');
            }
        });

        // 展示/隐藏全部成员
        const showAllBtn = document.getElementById('showAllBtn');
        const hiddenMembers = document.querySelectorAll('.member-hidden');

        showAllBtn.addEventListener('click', function() {
            hiddenMembers.forEach(member => {
                member.classList.toggle('member-hidden');
                member.classList.toggle('member-visible');
            });

            if (hiddenMembers[0].classList.contains('member-hidden')) {
                this.innerHTML = '展示全部 <i class="fa fa-chevron-down ml-1"></i>';
            } else {
                this.innerHTML = '收起 <i class="fa fa-chevron-up ml-1"></i>';
            }
        });
    </script>
</body>
</html>
